<!--%import("./smartphone.css")-->
<!--%import("./smartphone.js")-->

<div class="smartPhoneTitleBar">
    <h1><a href="#" onclick="showXEMenu(); return false;">{Context::getBrowserTitle()}</a></h1>
</div>

<div class="smartPhoneContentArea">
    {$smart_content}
</div>

<div class="smartPhoneToolBar">
    <!--@if($parent_url)-->
    <a href="{$parent_url}"><img src="./images/btnTop.png" class="smartPhoneBtn" alt="Top" /></a>
    <!--@end-->

    <!--@if($prev_url)--><a href="{$prev_url}"><img src="./images/btnPrev.png" class="smartPhoneBtn" alt="Prev" /></a><!--@end-->
    <!--@if($next_url)--><a href="{$next_url}"><img src="./images/btnNext.png" class="smartPhoneBtn" alt="Next" /></a><!--@end-->

    <a href="#" onclick="showXEMenu();"><img src="./images/btnMenu.png" class="smartPhoneBtn" alt="Menu" /></a>
</div>
